<template>
    <div _tmplitem="110" class="dv-full-screen-container" :style="css">
        <div
            _tmplitem="110"
            style="position: absolute;width:1920px;height:1080px; background-image: url(/temp/bg20.jpg); background-size: contain;background-color:rgba(13, 42, 67);"
            class="div-full-screen"
        >
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 19px; left: 784px; width: 404px; height: 40px; transform: translate(0px, 0px); z-index: 1021;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:27px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="89"
                        ref="sel169130284453634"
                        :w="404"
                        :h="40"
                        :val="fromData.sel169130284453634"
                        cssstyle="opacity:1;font-size:27px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 773px; left: 1465px; width: 430px; height: 252px; transform: translate(0px, 0px); z-index: 1020;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent animation-flip"
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="90"
                        ref="sel169130396314850"
                        :options="fromData.sel169130396314850"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 446px; left: 1461px; width: 430px; height: 255px; transform: translate(0px, 0px); z-index: 1019;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent animation-pulse"
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="91"
                        ref="sel169130393432472"
                        :options="fromData.sel169130393432472"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 790px; left: 985px; width: 428px; height: 232px; transform: translate(0px, 0px); z-index: 1018;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent animation-tada"
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="92"
                        ref="sel169130390263024"
                        :options="fromData.sel169130390263024"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 782px; left: 500px; width: 456px; height: 291px; transform: translate(0px, 0px); z-index: 1017;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent animation-wobble"
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="93"
                        ref="sel169130379243315"
                        :options="fromData.sel169130379243315"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 80px; left: 1617px; width: 120px; height: 40px; transform: translate(0px, 0px); z-index: 1016;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="94"
                        ref="sel1691303516700"
                        :w="120"
                        :h="40"
                        :val="fromData.sel1691303516700"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 126px; left: 1462px; width: 429px; height: 267px; transform: translate(0px, 0px); z-index: 1015;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent animation-shake"
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="95"
                        ref="sel169130349412366"
                        :options="fromData.sel169130349412366"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 0px; left: 0px; width: 300px; height: 200px; transform: translate(0px, 0px); z-index: 1014;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="96"
                        ref=""
                        :options="fromData.undefined"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 83px; left: 918px; width: 120px; height: 40px; transform: translate(0px, 0px); z-index: 1013;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="97"
                        ref="sel169130331623977"
                        :w="120"
                        :h="40"
                        :val="fromData.sel169130331623977"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 122px; left: 508px; width: 899px; height: 576px; transform: translate(0px, 0px); z-index: 1012;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;height:190pxpx;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <eltable
                        _tmplitem="98"
                        :isheadshow="true"
                        :scrollnum="3"
                        :step="1"
                        :direction="1"
                        :singleheight="32"
                        :singlewidth="0"
                        tableheadcolor="rgb(1 41 109)"
                        tablerowhovercolor="rgb(18 86 157 / 90%)"
                        tablerowcolor="rgb(0 25 82)"
                        tablerowdoublecolor="rgb(2 51 125)"
                        tablebordercolor="#42669a"
                        tableheadfontcolor="#fff"
                        tablehoverfontcolor="#fff"
                        tablerowfontcolor="#fff"
                        :elcolumn="fromData.sel169130330513948_elcolumn"
                        :tabledata="fromData.sel169130330513948"
                        :h="576"
                        :w="899"
                    >
                    </eltable>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 738px; left: 602px; width: 165px; height: 30px; transform: translate(0px, 0px); z-index: 1011;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="99"
                        ref="sel169130328065989"
                        :w="165"
                        :h="30"
                        :val="fromData.sel169130328065989"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 783px; left: 27px; width: 435px; height: 247px; transform: translate(0px, 0px); z-index: 1010;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent animation-flipInY"
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="100"
                        ref="sel169130325625103"
                        :options="fromData.sel169130325625103"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 411px; left: 1626px; width: 133px; height: 37px; transform: translate(0px, 0px); z-index: 109;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="101"
                        ref="sel169130314834217"
                        :w="133"
                        :h="37"
                        :val="fromData.sel169130314834217"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 1131px; left: 258px; width: 1358px; height: 978px; transform: translate(0px, 0px); z-index: 108;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent animation-fadeInUp"
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="102"
                        ref="sel169130312431258"
                        :options="fromData.sel169130312431258"
                        @click="sel169130312431258_click()"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 127px; left: 27px; width: 436px; height: 240px; transform: translate(0px, 0px); z-index: 107;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent animation-fadeInLeftBig"
                    style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <myechart
                        _tmplitem="103"
                        ref="sel169130302757431"
                        :options="fromData.sel169130302757431"
                    ></myechart>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 81px; left: 145px; width: 120px; height: 40px; transform: translate(0px, 0px); z-index: 106;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="104"
                        ref="sel16913029468244"
                        :w="120"
                        :h="40"
                        :val="fromData.sel16913029468244"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 413px; left: 149px; width: 133px; height: 40px; transform: translate(0px, 0px); z-index: 105;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="105"
                        ref="sel169130358075389"
                        :w="133"
                        :h="40"
                        :val="fromData.sel169130358075389"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 122px; left: 508px; width: 899px; height: 576px; transform: translate(0px, 0px); z-index: 104;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;height:190pxpx;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <eltable
                        _tmplitem="106"
                        :isheadshow="true"
                        :scrollnum="3"
                        :step="1"
                        :direction="1"
                        :singleheight="32"
                        :singlewidth="0"
                        tableheadcolor="rgb(1 41 109)"
                        tablerowhovercolor="rgb(18 86 157 / 90%)"
                        tablerowcolor="rgb(0 25 82)"
                        tablerowdoublecolor="rgb(2 51 125)"
                        tablebordercolor="#42669a"
                        tableheadfontcolor="#fff"
                        tablehoverfontcolor="#fff"
                        tablerowfontcolor="#fff"
                        :elcolumn="fromData.sel169130358255955_elcolumn"
                        :tabledata="fromData.sel169130358255955"
                        :h="576"
                        :w="899"
                    >
                    </eltable>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 737px; left: 1117px; width: 133px; height: 40px; transform: translate(0px, 0px); z-index: 103;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="107"
                        ref="sel169130360780548"
                        :w="133"
                        :h="40"
                        :val="fromData.sel169130360780548"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 738px; left: 1609px; width: 133px; height: 40px; transform: translate(0px, 0px); z-index: 102;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="108"
                        ref="sel169130365540544"
                        :w="133"
                        :h="40"
                        :val="fromData.sel169130365540544"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
            <div
                _tmplitem="110"
                class="bigitem"
                style="top: 737px; left: 173px; width: 120px; height: 40px; transform: translate(0px, 0px); z-index: 101;"
            >
                <div
                    _tmplitem="110"
                    class="itemcontent "
                    style="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                >
                    <titlecontrol
                        _tmplitem="109"
                        ref="sel16913091942907"
                        :w="120"
                        :h="40"
                        :val="fromData.sel16913091942907"
                        cssstyle="opacity:1;font-size:16px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"
                    ></titlecontrol>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import myechart from '@/components/myechart/newindex.vue'
import fullscreen from '@/components/fullscreen.vue'
import eltable from '@/components/scrollgridlist/eltable.vue'
import iconimg from '@/components/iconimg.vue'
import titlecontrol from '@/components/titlecontrol.vue'
import horseindex from '@/components/horseindex.vue'
import textareaindex from '@/components/textareaindex.vue'
import backgroundunit1 from '@/components/backgroundunit/backgroundunit1.vue'
import backgroundunit2 from '@/components/backgroundunit/backgroundunit2.vue'
import backgroundunit3 from '@/components/backgroundunit/backgroundunit3.vue'
import backgroundunit4 from '@/components/backgroundunit/backgroundunit4.vue'
import backgroundunit5 from '@/components/backgroundunit/backgroundunit5.vue'
import backgroundunit7 from '@/components/backgroundunit/backgroundunit7.vue'
import backgroundunit8 from '@/components/backgroundunit/backgroundunit8.vue'
import backgroundunit9 from '@/components/backgroundunit/backgroundunit9.vue'
import backgroundunit10 from '@/components/backgroundunit/backgroundunit10.vue'
import backgroundunit11 from '@/components/backgroundunit/backgroundunit11.vue'
import backgroundunit12 from '@/components/backgroundunit/backgroundunit12.vue'
import myfabric from '@/components/myfabric/hotspot.vue'
import bigimg from '@/components/bigImg.vue'
export default {
    data() {
        return {
            w: 1920,
            css: '',
            h: 1080,
            bg: '/temp/bg20.jpg',
            bgColor: 'rgba(13, 42, 67)',
            fromData: {
                sel169130284453634: 'XXX 学校期末考试大屏展示',
                sel169130396314850: {
                    grid: {
                        left: '5%',
                        top: '5%',
                        bottom: '12%',
                        right: '5%',
                    },
                    legend: {
                        type: 'scroll',
                        data: ['昨日', '当日', '预测'],
                        itemWidth: 18,
                        itemHeight: 12,
                        textStyle: {
                            color: '#fff',
                            fontSize: 14,
                        },
                        top: '5',
                        right: '50',
                    },
                    yAxis: [
                        {
                            type: 'value',
                            position: 'right',
                            splitLine: {
                                show: false,
                            },
                            axisLine: {
                                show: false,
                            },
                            axisTick: {
                                show: false,
                            },
                            axisLabel: {
                                show: false,
                            },
                        },
                        {
                            type: 'value',
                            position: 'left',
                            nameTextStyle: {
                                color: '#00FFFF',
                            },
                            splitLine: {
                                show: false,
                                lineStyle: {
                                    type: 'dashed',
                                    color: 'rgba(135,140,147,0.8)',
                                },
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: 'rgba(135,140,147,0.8)',
                                },
                            },
                            axisTick: {
                                show: false,
                            },
                            axisLabel: {
                                formatter: '{value}',
                                color: '#fff',
                                fontSize: 14,
                            },
                        },
                    ],
                    xAxis: [
                        {
                            type: 'category',
                            axisTick: {
                                show: false,
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: 'rgba(135,140,147,0.8)',
                                },
                            },
                            axisLabel: {
                                inside: false,
                                textStyle: {
                                    color: '#fff',
                                    fontWeight: 'normal',
                                    fontSize: '14',
                                    lineHeight: 22,
                                },
                            },
                            data: [
                                '1',
                                '2',
                                '3',
                                '4',
                                '5',
                                '6',
                                '7',
                                '8',
                                '9',
                                '10',
                                '11',
                                '12',
                                '13',
                                '14',
                                '15',
                                '16',
                                '17',
                                '18',
                                '19',
                                '20',
                                '21',
                                '22',
                                '23',
                                '24',
                            ],
                        },
                        {
                            type: 'category',
                            axisLine: {
                                show: false,
                            },
                            axisTick: {
                                show: false,
                            },
                            axisLabel: {
                                show: false,
                            },
                            splitArea: {
                                show: false,
                            },
                            splitLine: {
                                show: false,
                            },
                            data: ['1月', '2月', '3月', '4月', '5月', '6月'],
                        },
                    ],
                    series: [
                        {
                            symbolSize: 150,
                            symbol:
                                'image://',
                            name: '昨日',
                            type: 'line',
                            smooth: true,
                            yAxisIndex: 1,
                            lineStyle: {
                                type: 'solid',
                            },
                            data: [
                                50,
                                52,
                                52,
                                52,
                                52,
                                58,
                                52,
                                55,
                                44,
                                52,
                                52,
                                52,
                                33,
                                52,
                                52,
                                52,
                                20,
                                52,
                                52,
                                52,
                                52,
                                52,
                                55,
                                52,
                                52,
                                23,
                                52,
                                52,
                                52,
                                52,
                                52,
                            ],
                            itemStyle: {
                                normal: {
                                    borderWidth: 5,
                                    color: '#00f8ff',
                                },
                            },
                        },
                        {
                            symbolSize: 150,
                            symbol:
                                'image://',
                            name: '当日',
                            type: 'line',
                            smooth: true,
                            yAxisIndex: 1,
                            lineStyle: {
                                type: 'solid',
                            },
                            data: [
                                98,
                                67,
                                62,
                                76,
                                99,
                                71,
                                24,
                                80,
                                67,
                                57,
                                54,
                                66,
                                39,
                                48,
                                41,
                                32,
                                98,
                                65,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                            ],
                            itemStyle: {
                                normal: {
                                    borderWidth: 5,
                                    color: '#00f15a',
                                },
                            },
                        },
                        {
                            symbolSize: 150,
                            symbol:
                                'image://',
                            name: '预测',
                            type: 'line',
                            smooth: true,
                            yAxisIndex: 1,
                            lineStyle: {
                                type: 'dashed',
                            },
                            data: [
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                null,
                                65,
                                57,
                                81,
                                41,
                                72,
                                92,
                                51,
                                74,
                                46,
                                38,
                                59,
                                63,
                                60,
                                56,
                            ],
                            itemStyle: {
                                normal: {
                                    borderWidth: 5,
                                    color: '#0696f9',
                                },
                            },
                        },
                    ],
                },
                sel169130393432472: {
                    tooltip: {
                        trigger: 'axis',
                    },
                    legend: {
                        data: ['新增户数', '注销户数'],
                        textStyle: {
                            fontSize: 12,
                            color: 'rgb(0,253,255,0.6)',
                        },
                        right: '4%',
                    },
                    grid: {
                        top: '14%',
                        left: '4%',
                        right: '4%',
                        bottom: '12%',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: false,
                        data: [
                            '2012年',
                            '2013年',
                            '2014年',
                            '2015年',
                            '2016年',
                            '2017年',
                            '2018年',
                        ],
                        axisLabel: {
                            textStyle: {
                                color: 'rgb(0,253,255,0.6)',
                            },
                        },
                    },
                    yAxis: {
                        name: '户数',
                        type: 'value',
                        axisLabel: {
                            formatter: '{value}',
                            textStyle: {
                                color: 'rgb(0,253,255,0.6)',
                            },
                        },
                        splitLine: {
                            lineStyle: {
                                color: 'rgb(23,255,243,0.3)',
                            },
                        },
                        axisLine: {
                            lineStyle: {
                                color: 'rgb(0,253,255,0.6)',
                            },
                        },
                    },
                    series: [
                        {
                            name: '新增户数',
                            type: 'line',
                            color: 'rgba(23, 255, 243)',
                            smooth: true,
                            areaStyle: {
                                normal: {
                                    color: {
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color:
                                                    'rgba(23, 255, 243, 0.3)',
                                            },
                                            {
                                                offset: 0.8,
                                                color: 'rgba(23, 255, 243, 0)',
                                            },
                                        ],
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        type: 'linear',
                                        global: false,
                                    },
                                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                                    shadowBlur: 10,
                                },
                            },
                            symbol: 'circle',
                            symbolSize: 5,
                            data: [
                                451,
                                352,
                                303,
                                534,
                                95,
                                236,
                                217,
                                328,
                                159,
                                151,
                                231,
                                192,
                                453,
                                524,
                                165,
                                236,
                                527,
                                328,
                                129,
                                530,
                            ],
                            markLine: {
                                silent: true,
                                data: [
                                    {
                                        yAxis: 5,
                                    },
                                    {
                                        yAxis: 100,
                                    },
                                    {
                                        yAxis: 200,
                                    },
                                    {
                                        yAxis: 300,
                                    },
                                    {
                                        yAxis: 400,
                                    },
                                ],
                            },
                        },
                        {
                            name: '注销户数',
                            type: 'line',
                            color: 'rgba(119,61,190)',
                            smooth: true,
                            areaStyle: {
                                normal: {
                                    color: {
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: 'rgba(119,61,190, 0.3)',
                                            },
                                            {
                                                offset: 0.8,
                                                color: 'rgba(119,61,190, 0)',
                                            },
                                        ],
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        type: 'linear',
                                        global: false,
                                    },
                                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                                    shadowBlur: 10,
                                },
                            },
                            symbol: 'circle',
                            symbolSize: 5,
                            data: [
                                360,
                                545,
                                80,
                                192,
                                330,
                                580,
                                192,
                                80,
                                250,
                                453,
                                352,
                                28,
                                625,
                                345,
                                65,
                                325,
                                468,
                                108,
                                253,
                                98,
                            ],
                        },
                    ],
                },
                sel169130390263024: {
                    tooltip: {
                        trigger: 'axis',
                    },
                    legend: {
                        data: ['出口', '入口'],
                        textStyle: {
                            fontSize: 12,
                            color: 'rgb(0,253,255,0.6)',
                        },
                        right: '4%',
                    },
                    grid: {
                        top: '14%',
                        left: '4%',
                        right: '4%',
                        bottom: '12%',
                        containLabel: true,
                    },
                    xAxis: {
                        type: 'category',
                        boundaryGap: false,
                        data: [
                            '2018-11-11 17:01',
                            '2018-11-11 17:02',
                            '2018-11-11 17:03',
                            '2018-11-11 17:04',
                            '2018-11-11 17:05',
                            '2018-11-11 17:06',
                            '2018-11-11 17:07',
                            '2018-11-11 17:08',
                            '2018-11-11 17:09',
                            '2018-11-11 17:10',
                            '2018-11-11 17:11',
                            '2018-11-11 17:12',
                            '2018-11-11 17:13',
                            '2018-11-11 17:14',
                            '2018-11-11 17:15',
                            '2018-11-11 17:16',
                            '2018-11-11 17:17',
                            '2018-11-11 17:18',
                            '2018-11-11 17:19',
                            '2018-11-11 17:20',
                        ],
                        axisLabel: {
                            textStyle: {
                                color: 'rgb(0,253,255,0.6)',
                            },
                        },
                    },
                    yAxis: {
                        name: 'Kbps',
                        type: 'value',
                        axisLabel: {
                            formatter: '{value}',
                            textStyle: {
                                color: 'rgb(0,253,255,0.6)',
                            },
                        },
                        splitLine: {
                            lineStyle: {
                                color: 'rgb(23,255,243,0.3)',
                            },
                        },
                        axisLine: {
                            lineStyle: {
                                color: 'rgb(0,253,255,0.6)',
                            },
                        },
                    },
                    series: [
                        {
                            name: '出口',
                            type: 'line',
                            color: 'rgba(23, 255, 243)',
                            smooth: true,
                            areaStyle: {
                                normal: {
                                    color: {
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color:
                                                    'rgba(23, 255, 243, 0.3)',
                                            },
                                            {
                                                offset: 0.8,
                                                color: 'rgba(23, 255, 243, 0)',
                                            },
                                        ],
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        type: 'linear',
                                        global: false,
                                    },
                                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                                    shadowBlur: 10,
                                },
                            },
                            symbol: 'circle',
                            symbolSize: 5,
                            data: [
                                451,
                                352,
                                303,
                                534,
                                95,
                                236,
                                217,
                                328,
                                159,
                                151,
                                231,
                                192,
                                453,
                                524,
                                165,
                                236,
                                527,
                                328,
                                129,
                                530,
                            ],
                            markLine: {
                                silent: true,
                                data: [
                                    {
                                        yAxis: 5,
                                    },
                                    {
                                        yAxis: 100,
                                    },
                                    {
                                        yAxis: 200,
                                    },
                                    {
                                        yAxis: 300,
                                    },
                                    {
                                        yAxis: 400,
                                    },
                                ],
                            },
                        },
                        {
                            name: '入口',
                            type: 'line',
                            color: 'rgba(255,100,97)',
                            smooth: true,
                            areaStyle: {
                                normal: {
                                    color: {
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: 'rgba(255,100,97, 0.3)',
                                            },
                                            {
                                                offset: 0.8,
                                                color: 'rgba(255,100,97, 0)',
                                            },
                                        ],
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        type: 'linear',
                                        global: false,
                                    },
                                    shadowColor: 'rgba(0, 0, 0, 0.1)',
                                    shadowBlur: 10,
                                },
                            },
                            symbol: 'circle',
                            symbolSize: 5,
                            data: [
                                360,
                                545,
                                80,
                                192,
                                330,
                                580,
                                192,
                                80,
                                250,
                                453,
                                352,
                                28,
                                625,
                                345,
                                65,
                                325,
                                468,
                                108,
                                253,
                                98,
                            ],
                        },
                    ],
                },
                sel169130379243315: {
                    xAxis: {
                        data: [
                            '班级1',
                            '班级2',
                            '班级3',
                            '班级4',
                            '班级5、劣迹人员',
                            '肇事肇祸\n精神病人',
                            '重点上访\n人员',
                        ],
                        axisLine: {
                            lineStyle: {
                                color: '#0177d4',
                            },
                        },
                        axisLabel: {
                            color: '#fff',
                            fontSize: 14,
                        },
                    },
                    yAxis: {
                        name: '总分',
                        nameTextStyle: {
                            color: '#fff',
                            fontSize: 16,
                        },
                        axisLine: {
                            lineStyle: {
                                color: '#0177d4',
                            },
                        },
                        axisLabel: {
                            color: '#fff',
                            fontSize: 16,
                        },
                        splitLine: {
                            show: false,
                            lineStyle: {
                                color: '#0177d4',
                            },
                        },
                        interval: 50,
                        max: 400,
                    },
                    series: [
                        {
                            type: 'bar',
                            barWidth: 18,
                            itemStyle: {
                                normal: {
                                    color: {
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: '#00b0ff',
                                            },
                                            {
                                                offset: 0.8,
                                                color: '#7052f4',
                                            },
                                        ],
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        type: 'linear',
                                        global: false,
                                    },
                                },
                            },
                            data: [254, 3254, 1654, 2454, 4757, 2011, 1211],
                        },
                    ],
                },
                sel1691303516700: '各科成绩',
                sel169130349412366: {
                    grid: {
                        left: '2%',
                        right: '2%',
                        bottom: '2%',
                        top: '2%',
                        containLabel: true,
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'none',
                        },
                    },
                    xAxis: {
                        show: false,
                        type: 'value',
                    },
                    yAxis: [
                        {
                            type: 'category',
                            inverse: true,
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#fff',
                                },
                            },
                            splitLine: {
                                show: false,
                            },
                            axisTick: {
                                show: false,
                            },
                            axisLine: {
                                show: false,
                            },
                            data: [
                                '安徽省',
                                '河南省',
                                '浙江省',
                                '湖北省',
                                '贵州省',
                                '江西省',
                                '江苏省',
                                '四川省',
                                '云南省',
                                '湖南省',
                            ],
                        },
                        {
                            type: 'category',
                            inverse: true,
                            axisTick: 'none',
                            axisLine: 'none',
                            show: true,
                            axisLabel: {
                                textStyle: {
                                    color: '#ffffff',
                                    fontSize: '12',
                                },
                            },
                            data: [
                                239,
                                181,
                                154,
                                144,
                                135,
                                117,
                                74,
                                72,
                                67,
                                55,
                            ],
                        },
                    ],
                    series: [
                        {
                            name: '值',
                            type: 'bar',
                            zlevel: 1,
                            itemStyle: {
                                normal: {
                                    barBorderRadius: 30,
                                    color: {
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: 'rgb(57,89,255,1)',
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(46,200,207,1)',
                                            },
                                        ],
                                        x: 0,
                                        y: 0,
                                        x2: 1,
                                        y2: 0,
                                        type: 'linear',
                                        global: false,
                                    },
                                },
                            },
                            barWidth: 20,
                            data: [
                                239,
                                181,
                                154,
                                144,
                                135,
                                117,
                                74,
                                72,
                                67,
                                55,
                            ],
                        },
                        {
                            name: '背景',
                            type: 'bar',
                            barWidth: 20,
                            barGap: '-100%',
                            data: [
                                239,
                                239,
                                239,
                                239,
                                239,
                                239,
                                239,
                                239,
                                239,
                                239,
                            ],
                            itemStyle: {
                                normal: {
                                    color: 'rgba(24,31,68,1)',
                                    barBorderRadius: 30,
                                },
                            },
                        },
                    ],
                },
                sel169130331623977: '期末考试成绩单',
                sel169130330513948: [
                    {
                        prop: 'class_name',
                        label: '班级',
                        width: 180,
                    },
                    {
                        prop: 'student_name',
                        label: '姓名',
                        width: 180,
                    },
                    {
                        prop: 'testtype',
                        label: '课程',
                    },
                    {
                        prop: 'score',
                        label: '分数',
                        width: 120,
                    },
                ],
                sel169130330513948_elcolumn: [
                    {
                        prop: 'class_name',
                        label: '班级',
                        width: 180,
                    },
                    {
                        prop: 'student_name',
                        label: '姓名',
                        width: 180,
                    },
                    {
                        prop: 'testtype',
                        label: '课程',
                    },
                    {
                        prop: 'score',
                        label: '分数',
                        width: 120,
                    },
                ],
                sel169130328065989: '数学成绩总分排行',
                sel169130325625103: {
                    grid: {
                        left: '12%',
                        top: '5%',
                        bottom: '12%',
                        right: '8%',
                    },
                    xAxis: {
                        data: [
                            '驯鹿',
                            '火箭',
                            '飞机',
                            '高铁',
                            '轮船',
                            '汽车',
                            '跑步',
                            '步行',
                        ],
                        axisTick: {
                            show: false,
                        },
                        axisLine: {
                            lineStyle: {
                                color: 'rgba(255, 129, 109,.1)',
                                width: 1,
                            },
                        },
                        axisLabel: {
                            textStyle: {
                                color: '#999',
                                fontSize: 12,
                            },
                        },
                    },
                    yAxis: [
                        {
                            axisTick: {
                                show: false,
                            },
                            axisLine: {
                                lineStyle: {
                                    color: 'rgba(255, 129, 109, 0.1)',
                                    width: 1,
                                },
                            },
                            axisLabel: {
                                textStyle: {
                                    color: '#999',
                                },
                            },
                            splitArea: {
                                areaStyle: {
                                    color: 'rgba(255,255,255,.5)',
                                },
                            },
                            splitLine: {
                                show: true,
                                lineStyle: {
                                    color: 'rgba(255, 129, 109, 0.1)',
                                    width: 0.5,
                                    type: 'dashed',
                                },
                            },
                        },
                    ],
                    series: [
                        {
                            type: 'pictorialBar',
                            barCategoryGap: '0%',
                            symbol:
                                'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
                            label: {
                                show: true,
                                position: 'top',
                                distance: 15,
                                color: '#08DFFE',
                                fontWeight: 'bolder',
                                fontSize: 15,
                            },
                            itemStyle: {
                                normal: {
                                    color: {
                                        type: 'linear',
                                        x: 0,
                                        y: 0,
                                        x2: 0,
                                        y2: 1,
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: '#9A11FF',
                                            },
                                            {
                                                offset: 1,
                                                color: '#08DFFE',
                                            },
                                        ],
                                        global: false,
                                    },
                                },
                                emphasis: {
                                    opacity: 1,
                                },
                            },
                            data: [123, 60, 25, 18, 12, 9, 2, 1],
                        },
                    ],
                },
                sel169130314834217: '班级化学平均分',
                sel169130312431258: {
                    grid: {
                        left: '9%',
                        top: '5%',
                        bottom: '9%',
                        right: '5%',
                    },
                    legend: {
                        type: 'scroll',
                        data: ['302班', '61班', '71班'],
                        itemWidth: 18,
                        itemHeight: 12,
                        textStyle: {
                            color: '#00ffff',
                            fontSize: 14,
                        },
                    },
                    yAxis: [
                        {
                            type: 'value',
                            position: 'right',
                            splitLine: {
                                show: false,
                            },
                            axisLine: {
                                show: false,
                            },
                            axisTick: {
                                show: false,
                            },
                            axisLabel: {
                                show: false,
                            },
                        },
                        {
                            type: 'value',
                            position: 'left',
                            nameTextStyle: {
                                color: '#00FFFF',
                            },
                            splitLine: {
                                lineStyle: {
                                    type: 'dashed',
                                    color: 'rgba(135,140,147,0.8)',
                                },
                            },
                            axisLine: {
                                show: false,
                            },
                            axisTick: {
                                show: false,
                            },
                            axisLabel: {
                                formatter: '{value}',
                                color: '#fff',
                                fontSize: 14,
                            },
                        },
                    ],
                    xAxis: [
                        {
                            type: 'category',
                            axisTick: {
                                show: false,
                            },
                            axisLine: {
                                show: false,
                                lineStyle: {
                                    color: '#6A989E',
                                },
                            },
                            axisLabel: {
                                inside: false,
                                textStyle: {
                                    color: '#fff',
                                    fontWeight: 'normal',
                                    fontSize: '14',
                                    lineHeight: 22,
                                },
                            },
                            data: [
                                '语文',
                                '数学',
                                '化学',
                                '生物',
                                '物理',
                                '英语',
                                '政治',
                                '历史',
                                '地理',
                            ],
                        },
                    ],
                    series: [
                        {
                            symbolSize: 150,
                            symbol:
                                'image://',
                            name: '302班',
                            type: 'line',
                            yAxisIndex: 1,
                            data: [63, 194, 234, 321, 278, 110, 534],
                            itemStyle: {
                                normal: {
                                    borderWidth: 5,
                                    color: '#00f15a',
                                },
                            },
                        },
                        {
                            symbolSize: 150,
                            symbol:
                                'image://',
                            name: '61班',
                            type: 'line',
                            yAxisIndex: 1,
                            data: [53, 254, 234, 321, 118, 240, 434],
                            itemStyle: {
                                normal: {
                                    borderWidth: 5,
                                    color: '#0696f9',
                                },
                            },
                        },
                        {
                            symbolSize: 150,
                            symbol:
                                'image://',
                            name: '71班',
                            type: 'line',
                            yAxisIndex: 1,
                            data: [23, 354, 334, 221, 178, 190, 234],
                            itemStyle: {
                                normal: {
                                    borderWidth: 5,
                                    color: '#dcf776',
                                },
                            },
                        },
                    ],
                },
                sel169130302757431: {
                    grid: {
                        left: '2%',
                        right: '2%',
                        bottom: '2%',
                        top: '2%',
                        containLabel: true,
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'none',
                        },
                    },
                    xAxis: {
                        show: false,
                        type: 'value',
                    },
                    yAxis: [
                        {
                            type: 'category',
                            inverse: true,
                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#fff',
                                },
                            },
                            splitLine: {
                                show: false,
                            },
                            axisTick: {
                                show: false,
                            },
                            axisLine: {
                                show: false,
                            },
                            data: ['班级1', '班级2', '班级3'],
                        },
                        {
                            type: 'category',
                            inverse: true,
                            axisTick: 'none',
                            axisLine: 'none',
                            show: true,
                            axisLabel: {
                                textStyle: {
                                    color: '#ffffff',
                                    fontSize: '12',
                                },
                            },
                            data: [239, 181, 154],
                        },
                    ],
                    series: [
                        {
                            name: '值',
                            type: 'bar',
                            zlevel: 1,
                            itemStyle: {
                                normal: {
                                    barBorderRadius: 30,
                                    color: {
                                        colorStops: [
                                            {
                                                offset: 0,
                                                color: 'rgb(57,89,255,1)',
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(46,200,207,1)',
                                            },
                                        ],
                                        x: 0,
                                        y: 0,
                                        x2: 1,
                                        y2: 0,
                                        type: 'linear',
                                        global: false,
                                    },
                                },
                            },
                            barWidth: 20,
                            data: [239, 181, 154],
                        },
                        {
                            name: '背景',
                            type: 'bar',
                            barWidth: 20,
                            barGap: '-100%',
                            data: [239, 239, 239],
                            itemStyle: {
                                normal: {
                                    color: 'rgba(24,31,68,1)',
                                    barBorderRadius: 30,
                                },
                            },
                        },
                    ],
                },
                sel16913029468244: '班级总分排行',
                sel169130358075389: '班级语文平均分',
                sel169130358255955: [
                    {
                        prop: 'date',
                        label: '日期',
                        width: '180',
                    },
                    {
                        prop: 'name',
                        label: '姓名',
                        width: '180',
                    },
                    {
                        prop: 'address',
                        label: '地址',
                    },
                ],
                sel169130358255955_elcolumn: [
                    {
                        prop: 'date',
                        label: '日期',
                        width: '180',
                    },
                    {
                        prop: 'name',
                        label: '姓名',
                        width: '180',
                    },
                    {
                        prop: 'address',
                        label: '地址',
                    },
                ],
                sel169130360780548: '班级英语平均分',
                sel169130365540544: '班级生物平均分',
                sel16913091942907: '学生成绩排行',
            },
        }
    },
    methods: {
        created_sys() {
            ///系统方法 判断页面大小 使其自动适应
            let $this = this
            this.w = this.w === undefined ? 1920 : this.w
            $this.css = `  width: ${$this.w}px;height: ${$this.h}px; ${
                $this.bg === ''
                    ? ''
                    : 'background-image:url(' +
                      $this.bg +
                      ');background-size: contain;'
            }  transform: scale(${document.body.clientWidth / $this.w});  ${
                $this.bgColor === ''
                    ? ''
                    : 'background-color:' +
                      $this.bgColor +
                      ';left:calc( 50% - ' +
                      $this.w / 2 +
                      'px);'
            }`

            window.addEventListener('resize', () => {
                $this.css = `  width: ${$this.w}px;height: ${$this.h}px; ${
                    $this.bg === ''
                        ? ''
                        : 'background-image:url(' +
                          $this.bg +
                          ');    background-size: contain;'
                }  transform: scale(${document.body.clientWidth / $this.w}); ${
                    $this.bgColor === ''
                        ? ''
                        : 'background-color:' + $this.bgColor + ';'
                }`
            })
            $this.css = `transform: scale(${document.body.clientWidth /
                $this.w})`
            if (this.loadfunmounted_sys !== undefined) {
                this.loadfunmounted_sys()
            }
        },
        // [undefinedclick]事件方法
        sel169130312431258_click() {},
        sel169130312431258_bind_sys(echartdata, data) {
            //echartdata 为图表echart数据变量名
            //data为Ajax请求的结果对象变量名
            let dataobj = {}
            data.data.forEach((ee) => {
                if (dataobj[ee.class_name] == null) {
                    dataobj[ee.class_name] = []
                }
                dataobj[ee.class_name].push(ee.sumscore)
            })
            echartdata.series[0].data = dataobj['302班']
            echartdata.series[1].data = dataobj['61班']
            echartdata.series[2].data = dataobj['71班']
        },
        loadfunmounted_sys() {
            this.$ajaxpost('/ui/common/testExecuteApi', {
                sqlcontent:
                    "select * from(\r\nselect c.class_name, sum(sc.score) sumscore FROM `test_class`\r\nas c inner join test_studnet as s on c.class_id = s.class_id inner join test_score as sc on sc.studnet_id = s.student_id where testtype = '数学'\r\nGROUP BY c.class_name) as datetable order by sumscore desc",
                paramjsonsrt: {
                    body: {},
                    query: {},
                },
                apitype: 'LIST',
            }).then((res) => {
                if (res.code === 0) {
                    this.fromData['sel169130379243315_dataconfig'] = res
                    let var1692357181000_6059 = JSONPath.JSONPath({
                        path: '$.data[?(@.class_name)].class_name',
                        json: this.fromData['sel169130379243315_dataconfig'],
                    })
                    if (var1692357181000_6059.length > 0) {
                        this.fromData[
                            'sel169130379243315'
                        ].xAxis.data = var1692357181000_6059
                    }
                    let var1692357181000_31444 = JSONPath.JSONPath({
                        path: '$.data[?(@.sumscore)].sumscore',
                        json: this.fromData['sel169130379243315_dataconfig'],
                    })
                    if (var1692357181000_31444.length > 0) {
                        this.fromData[
                            'sel169130379243315'
                        ].series[0].data = var1692357181000_31444
                    }
                    this.fromData['sel169130379243315'] = JSON.parse(
                        JSON.stringify(this.fromData['sel169130379243315'])
                    )
                } else {
                    this.$message.error(res.msg)
                }
            })
            this.$ajaxpost('/ui/common/testExecuteApi', {
                sqlcontent:
                    'select c.class_name,s.student_name,sc.testtype,sc.score FROM `test_class` as c inner join test_studnet as s on c.class_id=s.class_id\r\ninner join test_score as sc on sc.studnet_id=s.student_id order by s.student_name',
                paramjsonsrt: {
                    body: {},
                    query: {},
                },
                apitype: 'LIST',
            }).then((res) => {
                if (res.code === 0) {
                    this.fromData['sel169130330513948_dataconfig'] = res
                    this.fromData.sel169130330513948 = this.fromData[
                        'sel169130330513948_dataconfig'
                    ].data
                    this.fromData['sel169130330513948'] = JSON.parse(
                        JSON.stringify(this.fromData['sel169130330513948'])
                    )
                } else {
                    this.$message.error(res.msg)
                }
            })
            this.$ajaxpost('/ui/common/testExecuteApi', {
                sqlcontent:
                    '\r\nselect *from (\r\nselect s.student_name,sum(sc.score) sumscore FROM `test_class` as c inner join test_studnet  as s on c.class_id=s.class_id\r\ninner join test_score as sc on sc.studnet_id=s.student_id GROUP BY s.student_name) as datetable order by sumscore desc ',
                paramjsonsrt: {
                    body: {},
                    query: {},
                },
                apitype: 'LIST',
            }).then((res) => {
                if (res.code === 0) {
                    this.fromData['sel169130325625103_dataconfig'] = res
                    let var1692357181000_52064 = JSONPath.JSONPath({
                        path: '$.data[?(@.student_name)].student_name',
                        json: this.fromData['sel169130325625103_dataconfig'],
                    })
                    if (var1692357181000_52064.length > 0) {
                        this.fromData[
                            'sel169130325625103'
                        ].xAxis.data = var1692357181000_52064
                    }
                    let var1692357181000_82882 = JSONPath.JSONPath({
                        path: '$.data[?(@.sumscore)].sumscore',
                        json: this.fromData['sel169130325625103_dataconfig'],
                    })
                    if (var1692357181000_82882.length > 0) {
                        this.fromData[
                            'sel169130325625103'
                        ].series[0].data = var1692357181000_82882
                    }
                    this.fromData['sel169130325625103'] = JSON.parse(
                        JSON.stringify(this.fromData['sel169130325625103'])
                    )
                } else {
                    this.$message.error(res.msg)
                }
            })
            this.$ajaxpost('/ui/common/testExecuteApi', {
                sqlcontent:
                    'SELECT class_name, avg(sc.score) as sumscore, testtype FROM `test_class`\r\nas c inner join test_studnet as s on c.class_id = s.class_id\r\ninner join test_score as sc on sc.studnet_id = s.student_id GROUP BY class_name, testtype\r\nORDER BY testtype',
                paramjsonsrt: {
                    body: {},
                    query: {},
                },
                apitype: 'LIST',
            }).then((res) => {
                if (res.code === 0) {
                    this.fromData['sel169130312431258_dataconfig'] = res
                    this.sel169130312431258_bind_sys(
                        this.fromData['sel169130312431258'],
                        this.fromData['sel169130312431258_dataconfig']
                    )
                    this.fromData['sel169130312431258'] = JSON.parse(
                        JSON.stringify(this.fromData['sel169130312431258'])
                    )
                } else {
                    this.$message.error(res.msg)
                }
            })
            this.$ajaxpost('/ui/common/testExecuteApi', {
                sqlcontent:
                    'SELECT class_name ,sum(sc.score) as sumscore FROM `test_class` as c inner join test_studnet as s on c.class_id=s.class_id\r\ninner join test_score as sc on sc.studnet_id=s.student_id GROUP BY class_name',
                paramjsonsrt: {
                    body: {},
                    query: {},
                },
                apitype: 'LIST',
            }).then((res) => {
                if (res.code === 0) {
                    this.fromData['sel169130302757431_dataconfig'] = res
                    let var1692357181000_89441 = JSONPath.JSONPath({
                        path: '$.data[?(@.class_name)].class_name',
                        json: this.fromData['sel169130302757431_dataconfig'],
                    })
                    if (var1692357181000_89441.length > 0) {
                        this.fromData[
                            'sel169130302757431'
                        ].yAxis[0].data = var1692357181000_89441
                    }
                    let var1692357181000_39384 = JSONPath.JSONPath({
                        path: '$.data[?(@.sumscore)].sumscore',
                        json: this.fromData['sel169130302757431_dataconfig'],
                    })
                    if (var1692357181000_39384.length > 0) {
                        this.fromData[
                            'sel169130302757431'
                        ].series[0].data = var1692357181000_39384
                    }
                    let var1692357181000_56999 = JSONPath.JSONPath({
                        path: '$.data[?(@.sumscore)].sumscore',
                        json: this.fromData['sel169130302757431_dataconfig'],
                    })
                    if (var1692357181000_56999.length > 0) {
                        this.fromData[
                            'sel169130302757431'
                        ].yAxis[1].data = var1692357181000_56999
                    }
                    this.fromData['sel169130302757431'] = JSON.parse(
                        JSON.stringify(this.fromData['sel169130302757431'])
                    )
                } else {
                    this.$message.error(res.msg)
                }
            })
        },
    },
    created() {
        this.created_sys()
        if (this.loadfunmounted !== undefined) {
            this.loadfunmounted()
        }
    },
    components: {
        myechart,
        titlecontrol,
        horseindex,
        textareaindex,
        backgroundunit1,
        backgroundunit2,
        backgroundunit3,
        backgroundunit4,
        backgroundunit5,
        backgroundunit7,
        backgroundunit8,
        backgroundunit9,
        backgroundunit10,
        backgroundunit11,
        backgroundunit12,
        bigimg,
        myfabric,
        eltable,
        iconimg,
        fullscreen,
    },
}
</script>
<style scoped>
.dv-full-screen-container {
    transform: scale(1);
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    transform-origin: left top;
    z-index: 499;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1920px;
    height: 1080px;
    background-color: '#040404';
    background-size: cover;
    background-repeat: no-repeat;
}

.div-full-screen {
    background-size: cover;
    background-repeat: no-repeat;
}

.bigitem {
    position: absolute;
    will-change: transform;
    overflow: hidden;
}

.layouttable {
    height: 100%;
    display: flex;
}

.layouttable .layouttable-item {
    height: 100%;
    position: relative;
    float: left;
}

.itemcontent {
    width: 100%;
    height: 100%;
}
</style>
<style scoped></style>
